<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8"/>
    <script src="/static/orderindex/ordercheckindex/js/jquery-3.1.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/static/orderindex/ordercheckindex/css/JD2.css"/>

    <title></title>
</head>

<body>
<!--顶部-->
<header>
    <div class="header">
        <ul class="header-left">
            <li>
                <img src="/static/orderindex/ordercheckindex/img/header_1.png"/>
                <a href="/static/orderindex/ordercheckindex/">谷粒学院首页</a>
            </li>
            <li class="header-l-2">
                <i class="fa fa-map-marker" style="color: #5C5452;"></i>
                <a href="/static/orderindex/ordercheckindex/">北京</a>
                <div class="header-l-d">

                    <ul>
                        <li><a href="/static/orderindex/ordercheckindex/" style="background: red; color: white;">北京</a>
                        </li>
                        <li><a href="/static/orderindex/ordercheckindex/">山西</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">内蒙古</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">福建</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">江西</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">西藏</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">新疆</a></li>
                    </ul>
                    <ul>
                        <li><a href="/static/orderindex/ordercheckindex/">上海</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">河南</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">江苏</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">湖北</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">四川</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">陕西</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">港澳</a></li>
                    </ul>
                    <ul>
                        <li><a href="/static/orderindex/ordercheckindex/">天津</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">辽宁</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">山东</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">湖南</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">海南</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">甘肃</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">台湾</a></li>
                    </ul>
                    <ul>
                        <li><a href="/static/orderindex/ordercheckindex/">重庆</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">吉林</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">安徽</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">广东</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">贵州</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">青岛</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">钓鱼岛</a></li>
                    </ul>
                    <ul>
                        <li><a href="/static/orderindex/ordercheckindex/">河北</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">黑龙江</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">浙江</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">广西</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">云南</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">宁夏</a></li>
                        <li><a href="/static/orderindex/ordercheckindex/">海外</a></li>
                    </ul>


                </div>
            </li>

        </ul>
        <ul class="header-right">
            <li>[[${session.loginUser==null?'':session.loginUser.username}]]<img
                    src="/static/orderindex/ordercheckindex/img/03.png"
                    style="margin-bottom: 0px;margin-left3: 3px;"/><img
                    src="/static/orderindex/ordercheckindex/img/06.png"/></li>
            <li>|</li>
            <li class="spacer"></li>
            <li><a href="/static/orderindex/ordercheckindex/">我的订单</a></li>
            <li class="spacer"></li>
            <li>
                <a href="/static/orderindex/ordercheckindex/">我的谷粒学院</a>
                <i class="fa fa-angle-down"></i>
                <div class="header-r-1 aa header-r-11">
                    <div>
                        <ol>
                            <dd><a href="/static/orderindex/ordercheckindex/">待处理订单</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">返修退换货</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">降价商品</a></dd>

                        </ol>
                        <ol>
                            <dd><a href="/static/orderindex/ordercheckindex/">消息</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">我的问答</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">我的关注</a></dd>

                        </ol>

                    </div>
                    <div>
                        <ol>
                            <dd><a href="/static/orderindex/ordercheckindex/">我的京豆</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">我的白条</a></dd>
                        </ol>
                        <ol>
                            <dd><a href="/static/orderindex/ordercheckindex/">我的优惠劵</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">我的理财</a></dd>
                        </ol>

                    </div>
                    <div>
                        <h4><a href="/static/orderindex/ordercheckindex/">我的足迹</a><a
                                href="/static/orderindex/ordercheckindex/">更多 ></a></h4>
                        <a href="/static/orderindex/ordercheckindex/"><img
                                src="/static/orderindex/ordercheckindex/image/59ae02fcN529cc4a1.jpg"/></a>
                        <a href="/static/orderindex/ordercheckindex/"><img
                                src="/static/orderindex/ordercheckindex/image/59ce706fN6f3f2a4a.jpg"/></a>
                        <a href="/static/orderindex/ordercheckindex/"><img
                                src="/static/orderindex/ordercheckindex/image/57b191f2N15993cbb.jpg"/></a>
                        <a href="/static/orderindex/ordercheckindex/"><img
                                src="/static/orderindex/ordercheckindex/image/58ff269fN7b7e087b.jpg"/></a>

                    </div>
                </div>

            </li>
            <li class="spacer"></li>
            <li><a href="/static/orderindex/ordercheckindex/">谷粒学院会员</a></li>
            <li class="spacer"></li>
            <li><a href="/static/orderindex/ordercheckindex/">企业采购</a></li>
            <li class="spacer"></li>
            <li>
                <a href="/static/orderindex/ordercheckindex/">客户服务</a>
                <i class="fa fa-angle-down"></i>
                <div class="header-r-1 aa header-r-2">
                    <div>
                        <h4>客户</h4>
                        <ol>

                            <dd><a href="/static/orderindex/ordercheckindex/">帮助中心</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">在线客服</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">电话客服</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">金融咨询</a></dd>
                        </ol>
                        <ol>

                            <dd><a href="/static/orderindex/ordercheckindex/">售后服务</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">意见建议</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">客服邮箱</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">售全球客服</a></dd>
                        </ol>
                    </div>
                    <div>
                        <h4>商户</h4>
                        <ol>

                            <dd><a href="/static/orderindex/ordercheckindex/">合作招商</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">商家后台</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">商家帮助</a></dd>
                        </ol>
                        <ol>

                            <dd><a href="/static/orderindex/ordercheckindex/">学习中心</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">京麦工作台</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">规则平台</a></dd>
                        </ol>
                    </div>
                </div>

            </li>
            <li class="spacer"></li>
            <li>
                <a href="/static/orderindex/ordercheckindex/">网址导航</a>
                <i class="fa fa-angle-down"></i>
                <div class="header-r-1 aa header-r-3">
                    <div>
                        <h4>特色主题</h4>
                        <ol>
                            <dd><a href="/static/orderindex/ordercheckindex/">谷粒学院试用</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">国际站</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">买什么</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">0元评测</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">优惠劵</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">印尼站</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">陪伴计划</a></dd>
                        </ol>
                        <ol>
                            <dd><a href="/static/orderindex/ordercheckindex/">谷粒学院金融</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">谷粒学院会员</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">俄语站</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">定期送</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">秒杀</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">谷粒学院金融科技</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">出海招商</a></dd>
                        </ol>
                        <ol>
                            <dd><a href="/static/orderindex/ordercheckindex/">全球售</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">谷粒学院预售</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">装机大师</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">港澳售</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">闪购</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">In货推荐</a></dd>
                        </ol>

                    </div>

                    <div>
                        <h4>行业推荐</h4>
                        <ol>
                            <dd><a href="/static/orderindex/ordercheckindex/">手机</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">玩3C</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">家用电器</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">服装城</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">家装城</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">食品</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">农资频道</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">图书</a></dd>

                        </ol>
                        <ol>
                            <dd><a href="/static/orderindex/ordercheckindex/">智能数码</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">电脑办公</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">谷粒学院智能</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">美妆馆</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">母婴</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">运动户外</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">整车</a></dd>
                        </ol>
                    </div>


                    <div>
                        <h4>生活服务</h4>
                        <ol>
                            <dd><a href="/static/orderindex/ordercheckindex/">谷粒学院众筹</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">谷粒学院金融App</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">理财</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">话费</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">彩票</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">机票酒店</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">酒店到家</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">游戏</a></dd>

                        </ol>
                        <ol>
                            <dd><a href="/static/orderindex/ordercheckindex/">白条</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">谷粒学院小金库</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">智能家电</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">水电煤</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">旅行</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">电影票</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">谷粒学院众测</a></dd>
                        </ol>
                    </div>


                    <div>
                        <h4>更多精选</h4>
                        <ol>
                            <dd><a href="/static/orderindex/ordercheckindex/">合作招商</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">谷粒学院E卡</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">服务市场</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">乡村招募</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">京友邦</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">智能社区</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">知识产权维权</a></dd>


                        </ol>
                        <ol>
                            <dd><a href="/static/orderindex/ordercheckindex/">谷粒学院通信</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">企业采购</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">办公生活馆</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">校园加盟</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">谷粒学院社区</a></dd>
                            <dd><a href="/static/orderindex/ordercheckindex/">游戏社区</a></dd>
                        </ol>
                    </div>
                </div>

            </li>
            <li class="spacer"></li>
            <li class="header-r-4"><a href="/static/orderindex/ordercheckindex/">手机谷粒学院</a>
                <div class="aa h-r-1">

                    <div>
                        <div class="h-r-1img">
                            <img src="/static/orderindex/ordercheckindex/img/59a51bf6Nb8e478cc.png"/>
                        </div>
                        <h4><a href="/static/orderindex/ordercheckindex/">手机谷粒学院</a></h4>
                        <p>新人专享大礼</p>
                        <div class="h-r-1img2">
                            <a href="/static/orderindex/ordercheckindex/"><img
                                    src="/static/orderindex/ordercheckindex/img/8104b36ae6b72043ae838599d36d007d.png"
                                    alt=""/></a>
                            <a href="/static/orderindex/ordercheckindex/"><img
                                    src="/static/orderindex/ordercheckindex/img/c0935b2c6504a5419e6ee507a5381bbe.png"/></a>
                            <a href="/static/orderindex/ordercheckindex/"><img
                                    src="/static/orderindex/ordercheckindex/img/a64b429ebf83d2459a0a73830f4ad4c4.png"/></a>
                        </div>
                    </div>
                    <div>
                        <div class="h-r-1img">
                            <img src="/static/orderindex/ordercheckindex/img/5874a54dNcec29924.jpg"/>
                        </div>
                        <h4><a href="/static/orderindex/ordercheckindex/">关注谷粒学院微信</a></h4>
                        <p>微信扫一扫关注新粉最高180元惊喜礼包</p>
                        <!--<div class="h-r-1img2">
                            <a href="/static/orderindex/ordercheckindex/"><img src="/static/orderindex/ordercheckindex/image/8104b36ae6b72043ae838599d36d007d.png" alt="" /></a>
                            <a href="/static/orderindex/ordercheckindex/"><img src="/static/orderindex/ordercheckindex/image/c0935b2c6504a5419e6ee507a5381bbe.png"/></a>
                            <a href="/static/orderindex/ordercheckindex/"><img src="/static/orderindex/ordercheckindex/image/a64b429ebf83d2459a0a73830f4ad4c4.png"/></a>
                        </div>-->
                    </div>
                    <div>
                        <div class="h-r-1img">
                            <img src="/static/orderindex/ordercheckindex/img/5874a555Ne8192324.jpg"/>
                        </div>
                        <h4><a href="/static/orderindex/ordercheckindex/">谷粒学院金融客户端</a></h4>
                        <p>新人专享大礼</p>
                        <div class="h-r-1img2">
                            <a href="/static/orderindex/ordercheckindex/"><img
                                    src="/static/orderindex/ordercheckindex/img/8104b36ae6b72043ae838599d36d007d.png"
                                    alt=""/></a>
                            <a href="/static/orderindex/ordercheckindex/"><img
                                    src="/static/orderindex/ordercheckindex/img/c0935b2c6504a5419e6ee507a5381bbe.png"/></a>
                            <a href="/static/orderindex/ordercheckindex/"><img
                                    src="/static/orderindex/ordercheckindex/img/a64b429ebf83d2459a0a73830f4ad4c4.png"/></a>
                        </div>
                    </div>

                </div>


            </li>


        </ul>
        <div style="clear: both;"></div>
    </div>


</header>


<!--logo图片-->
<div class="top-1">
    <img src="/static/orderindex/ordercheckindex/img/logo1.jpg" class="img1"/><span>结算页</span>
    <!--右侧绿色-->
    <img src="/static/orderindex/ordercheckindex/img/08.png" class="img2"/>
</div>


<p class="p1">填写并核对订单信息<span style="color: red" th:if="${orderCheckMsg!=null}" th:text="${orderCheckMsg}"></span>
</p>
<div class="section">
    <!--收货人信息-->
    <div class="top-2">
        <span>收货人信息</span>
        <span>新增收货地址</span>
    </div>

    <!--地址-->
    <div class="top-3 addr-item" th:if="${orderCheckVo.getMemberAddressVoList()!=null}"
         th:each="address:${orderCheckVo.getMemberAddressVoList()}">
        <p th:id="${address.getId()} + '_addressNO'"
           th:text="${address.getName()}" th:attr="def=${address.getDefaultStatus()}, addrId=${address.getId()}">
            收货人信息
        </p>
        <span
                th:id="${address.getId()} + '_addressDetail'"
                th:text="${address.getName()+' '+address.getProvince()+' '+address.getCity()+' '+address.getRegion()+' '+address.getDetailAddress()+' '+address.getPhone()}">
        </span>
    </div>
    <div class="hh1"/>
</div>

<!--********************************************************************************************-->
<!--谷粒学院自提-->
<!--<div class="top-4">-->
<!--    <p>自提</p>-->
<!--    <p>省运费·无续重·随时取</p>-->
<!--    <p class="xiang">详情</p>-->
<!--</div>-->

<!--&lt;!&ndash;地址&ndash;&gt;-->
<!--<div class="top-5">-->
<!--    <p>北京昌平区</p><span>北京市  昌平区城区晨曦小区-16号楼 吉利大学  齐天大圣 150****2245</span><img-->
<!--        src="/static/orderindex/ordercheckindex/img/09.png"/><span>距收货人0米</span>-->
<!--    <p class="p3">距离最近</p><span class="xiu">修改自提点</span>-->
<!--</div>-->
<!--<div class="hh1"/>-->
<!--</div>-->

<!--支付方式-->
<h4 class="h4">支付方式</h4>

<div class="top-6">
    <p>银行卡支付</p>
    <p>支付宝支付</p>
</div>
<div class="hh1"></div>
<!--送货清单-->
<h4 class="h4" style="margin-top: 5px;">送货清单</h4>
<div class="top_1" th:each="orderItem:${orderCheckVo.getOrderItemVoList()}">
    <div class="to_left" style="height: 250px">
        <h5><span class="peisong">配送方式</span><span class="dui"><img
                src="/static/orderindex/ordercheckindex/img/i_03.png"/> 对应商品</span></h5>
        <div class="box">
            商城自营快递
        </div>
        <p class="biao">
            <span class="til">次 日 达 ：</span>
            <span class="con">预计 12月16日[今天] 15:00-19:00 送达</span>
            <a href="/static/orderindex/ordercheckindex/#">修改</a>
        </p>
        <!--        <div class="updata-1">-->
        <!--            <img src="/static/orderindex/ordercheckindex/img/im_06.png"/>-->
        <!--            <span>京准达 标准达</span>-->
        <!--            <span style="color: black;"> 配送服务全面升级</span>-->
        <!--        </div>-->
        <div class="hh1"></div>
        <!--        <p class="tui">-->
        <!--            <span class="til">退换无忧：</span>-->
        <!--            <span class="con">-->
        <!--							<input type="checkbox"/>-->
        <!--							自签收后7天内退货，15天内换<span style="font-size: 12px;margin-left: 5px"> ￥ 0.50</span><br/>-->
        <!--						<span class="nul">货，</span>可享1次上门取件服务 ﹀-->
        <!--						</span>-->

        <!--        <div class="updata-2">-->
        <!--            <img src="/static/orderindex/ordercheckindex/img/im_11.png"/>-->
        <!--            <span>京准达运费大促（限自营中小件）</span>-->
        <!--        </div>-->

        <!--        </p>-->
        <p class="kg" style="color:#666666;margin-top: 13px;font-size: 12px">总重量 :<span
                style="color:#999999;font-size: 12px">0.095kg</span></p>
    </div>
    <div class="to_right" style="height: 250px">
        <!--图片-->
        <a style="font-size: 10px; color: red" th:text="'店铺:' + ${orderItem.getBrandName()}"></a>
        <div class="yun1">
            <img th:src="${orderItem.getImage()}" class="yun"/>
            <div class="mi" style="height: 150px; width: 800px">
                <div>
                    <p><span th:text="${orderItem.getTitle()}">商品标题</span>
                    </p>
                </div>
                <br>
                <p><span th:each="attr:${orderItem.getSkuAttr()}" th:text="${attr}+' '">商品属性</span><span>0.095kg</span>
                </p>
                <p>
                    <span style="color: red;"
                          th:text="'￥'+${#numbers.formatDecimal(orderItem.getPrice(),1,2)}">商品价格</span>
                    <span th:text="'x'+${orderItem.getCount()}">购买数量</span>
                    <span style="color: red;"
                          th:text="${orderCheckVo.getHasStockMap().get(orderItem.getSkuId().toString())?'有货':'无货'}">是否有货</span>
                </p>
                <p class="tui-1"><img src="/static/orderindex/ordercheckindex/img/i_07.png"/>支持7天无理由退货<span
                        class="money"
                        th:text="'￥'+${#numbers.formatDecimal(orderItem.getTotalPrice(),1,2)}">当前商品总价</span></p>
            </div>
        </div>
    </div>
</div>
<div class="bto">
    <div class="hh2"></div>
    <h4 class="float">发票信息</h4>
    <div class="note float"><img src="/static/orderindex/ordercheckindex/img/i_11.png"/>
        <span>开企业抬头发票须填写纳税人识别号，以免影响报销</span></div>
    <ul style="clear: both;">
        <li>电子普通发票 <img src="/static/orderindex/ordercheckindex/img/i_14.png"/></li>
        <li>个人</li>
        <li>商品明细</li>
        <li>
            <a href="/static/orderindex/ordercheckindex/">修改</a>
        </li>
    </ul>
    <div class="hh3"></div>
    <h4 class="clear">使用优惠</h4>
    <ul>
        <li class="red">积分</li>
        <p></p>
        <p th:text="${orderCheckVo.getIntegration()}+'点积分'">积分数</p>
    </ul>
    <div class="tuijian clear">
        <input type="checkbox"/>
        <span>优惠组合推荐</span>
    </div>
</div>
<div class="xia">
    <div class="qian">
        <p class="qian_y">
            <span th:text="${orderCheckVo.getOrderCount()}">商品种类数</span>
            <span>，总商品金额：</span>
            <span class="rmb" th:text="'￥'+${#numbers.formatDecimal(orderCheckVo.getTotalPrice(),1,2)}">总金额</span>
        </p>
        <p class="qian_y">
            <span>抵扣金额：</span>
            <span class="rmb" th:text="'  -'+${#numbers.formatDecimal(orderCheckVo.getIntegrationPrice(),1,2)}"></span>
        </p>
        <p class="qian_y">
            <span>运费(随便编的运费)： </span>
            <span class="rmb"> &nbsp ￥<span id="fare">运费</span></span>
        </p>
        <p class="qian_y">
            <span>服务费： </span>
            <span class="rmb"> &nbsp ￥0.00</span>
        </p>
        <p class="qian_y">
            <span>退换无忧： </span>
            <span class="rmb"> &nbsp ￥0.00</span>
        </p>

    </div>

    <div class="yfze">
        <p class="yfze_a">
            <span class="z">应付总额：</span>
            <span>￥ </span>
            <span class="hq" id="truePay"
                  th:text="${#numbers.formatDecimal(orderCheckVo.getRealPrice(),1,2)}"></span>
        </p>
        <p class="yfze_b" id="final_addr"></p>
    </div>
    <!--普通下单-->
    <form action="http://order.meimeimall.com/submitOrder" method="post" th:if="${!orderCheckVo.getIsSeckill()}">
        <input type="hidden" name="orderToken" th:value="${orderCheckVo.getOrderToken()}"/>
        <input id="addrId-input" type="hidden" name="addrId"/>
        <input type="hidden" name="integration" th:value="${orderCheckVo.getIntegration()}"/>
        <input type="hidden" name="integrationPrice" th:value="${orderCheckVo.getIntegrationPrice()}"/>
        <input id="fare-input" type="hidden" name="fare"/>
        <input id="truePrice-input" type="hidden" name="truePrice"/>
        <input type="hidden" name="isSeckill" th:value="${orderCheckVo.getIsSeckill()}"/>
        <button class="tijiao">提交订单</button>
    </form>
    <!--秒杀下单-->
    <form action="http://order.meimeimall.com/seckillSubmitOrder" method="post" th:if="${orderCheckVo.getIsSeckill()}">
        <input type="hidden" name="orderToken" th:value="${orderCheckVo.getOrderToken()}"/>
        <input id="addrId-input" type="hidden" name="addrId"/>
        <input type="hidden" name="integration" th:value="${orderCheckVo.getIntegration()}"/>
        <input type="hidden" name="integrationPrice" th:value="${orderCheckVo.getIntegrationPrice()}"/>
        <input id="fare-input" type="hidden" name="fare"/>
        <input id="truePrice-input" type="hidden" name="truePrice"/>
        <input type="hidden" name="isSeckill" th:value="${orderCheckVo.getIsSeckill()}"/>
        <input type="hidden" name="sessionProId" th:value="${orderCheckVo.getSessionProId()}"/>
        <input type="hidden" name="randomCode" th:value="${orderCheckVo.getRandomCode()}"/>
        <input type="hidden" name="skuId" th:value="${orderCheckVo.getSkuId()}"/>
        <input type="hidden" name="wantNum" th:value="${orderCheckVo.getWantNum()}"/>
        <button class="tijiao">提交订单</button>
    </form>
</div>
</div>

<script>
    $(document).ready(function () {
        $('.header-right li:nth-of-type(6)').hover(function () {
            $('.header-r-11').css('display', 'block')
        }, function () {
            $('.header-r-11').css('display', 'none')
        })
        $('.header-right li:nth-of-type(12)').hover(function () {
            $('.header-r-2').css('display', 'block')
        }, function () {
            $('.header-r-2').css('display', 'none')
        })
        $('.header-right li:nth-of-type(14)').hover(function () {
            $('.header-r-3').css('display', 'block')
        }, function () {
            $('.header-r-3').css('display', 'none')
        })
        $('.header-l-2').hover(function () {
            $('.header-l-d').css('display', 'block')
        }, function () {
            $('.header-l-d').css('display', 'none')
        })
        $('.header-r-4').hover(function () {
            $('.h-r-1').css('display', 'block')
        }, function () {
            $('.h-r-1').css('display', 'none')
        })
        highLight();
    })

    function highLight() {
        $(".addr-item p").css({"border": "2px solid gray"})
        $(".addr-item p[def='1']").css({"border": "2px solid red"})
        // 获取当前运费
        var addrId = $(".addr-item p[def='1']").attr("addrId");
        $("#addrId-input").val(addrId);
        console.log(addrId);
        var addrDetail = document.getElementById(addrId + '_addressDetail').textContent;
        console.log(addrDetail);
        document.getElementById('final_addr').textContent = addrDetail;
        $.ajax({
            url: "http://localhost:8888/api/meimeimallmember/memberreceiveaddress/fare?attrId=" + addrId,
            async: false,
            success: function (data) {
                $("#fare").text(data.fare);
                $("#fare-input").val(data.fare);
                var realPay = [[${orderCheckVo.RealPrice}]];
                $("#truePay").text(realPay * 1 + data.fare * 1);
                $("#truePrice-input").val(realPay * 1 + data.fare * 1);
            }
        });
    }

    $(".addr-item p").click(function () {
        $(".addr-item p").attr("def", 0);
        $(this).attr("def", 1);
        highLight();
    })


</script>
</body>

</html>